@charset "utf-8";

@media screen{

#container {
	width:90%;
	padding:10px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#example {
	width:100%;
	height:350px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
	width:100%;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:100%;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:100%;
	height:270px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-42px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:100%;
}

/*
	Pagination
*/

.pagination {
	display:block;float:right;
	margin:26px 0px 26px 100px;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Footer
*/

#top-bar{display:block;overflow:hidden;clear:left;margin:0px auto;margin-left:5%;width:90%;}
#top-bar a#logo{display:block;float:left;background:url(images/Test.png) no-repeat center;text-indent:-999999;width:12em;height:5em;}
	#home{position:relative;padding-top:1%;}
#header{display:block;overflow:hidden;clear:left;margin:0px auto;width:100%;}
#sym1{background:url(images/symbol1.png) no-repeat left center;padding-left:30px;}
#sym2{background:url(images/symbol2.png) no-repeat left center;padding-left:30px;}
#sym3{background:url(images/symbol3.png) no-repeat left center;padding-left:30px;}
#sym4{background:url(images/symbol4.png) no-repeat left center;padding-left:30px;}
#sym5{background:url(images/symbol5.png) no-repeat left center;padding-left:30px;}
#sym6{background:url(images/symbol6.png) no-repeat left center;padding-left:30px;}
#sym7{background:url(images/symbol7.png) no-repeat left center;padding-left:30px;}
#sym8{background:url(images/symbol8.png) no-repeat left center;padding-left:30px;}
#slide-show{display:block;clear:left;margin:1em 0em 1em 0em;overflow:hidden;height:23em;}
#layer3{background;background:url(images/layer2.png) no-repeat center;width:100%;height:100%;position:relative;}
#layer2{background;background:url(images/layer3.png) no-repeat center;width:100%;height:100%;position:relative;}
#layer1{background;background:url(images/layer1.png) repeat-y center;width:100%;height:100%;position:relative;}

#main-content{display:block;clear:left;overflow:hidden;width:90%;padding-top:2%;margin:0 auto;}

.row-unit{display:block;float:left;border-top:4px solid #ed8c3f;padding:10px 0px 0px 10px;height:15em;}
.row-unit-bordertop{border-top:4px solid #36C}
.row-unit img{width:100%;}
.row-unit a{display:block;float:left;color:#F00;text-transform:uppercase;font-size:14px}
.row-unit a:hover{color:#000;}
.row-unit a span{color:#000;text-transform:none;}
.row-unit p{display:block;float:left;margin-top:10px;font-size:12px;font-weight:lighter;color:#666;text-align:justify;padding:0px 8px 0px 0px;}
.shadow{display:block;float:left;overflow:hidden;background:url(images/shadow-rowunit.png) no-repeat left top;padding-left:12px;width:23%;}

.row-unit2{display:block;float:left;width:100%;overflow:hidden;margin-bottom:20px;}
.row-unit2 h4{display:block;clear:left;font-size:16px;font-weight:lighter;}
.row-unit2 a{display:block;clear:left;color:#4086c9;margin-top:5px;font-size:14px;}
.row-unit2 a:hover{text-decoration:underline;}
/*----------------------End second content----------------------------*/
#footer{display:block;clear:left;overflow:hidden;width:100%;background:#eeeeee;padding-bottom:3%;}
.logo-bottom{display:block;clear:left;overflow:hidden;}
.logo-bottom a{display:block;float:right;background:url(images/logo-bottom.png) no-repeat;width:100px;height:35px; text-indent:-999999;}
#footer .sitemap{display:block;clear:left;margin-top:15px; }
.sitemap ul{display:block;float:right;overflow:hidden;}
.sitemap ul li{display:inline-block;float:left;margin-right:10px;}
.sitemap ul li a{color:#4086c9;font-size:12px;}
.padding0{padding:0px;}

.over{overflow:hidden;}
.slide_content{display:block;clear:left;width:100%;height:290px;background:#CCF}

/* CSS Document */}

@media screen and (min-width:480px){


.search{display:block;float:right;overflow:hidden;width:50%;position:relative;}

.search .input{display:block;float:right;width:100%;}
.search input[type="image"]{float:right;display:block;position:apsolute;right:5px;top:43px;background:url(images/iconsearch.png) no-repeat;position:absolute}
.search input[type="search"]{display:block;padding:5px 0;width:50%;float:right;}
.search ul{display:block;float:right;width:100%;}
.search ul li{display:block;float:right}
.show-menu{display:none;}
.main-nav{display:block;clear:left;width:90%;margin:0 auto;}
.list{padding:20px 0px;clear:left;display:block;}
.list ul{clear:left;list-style:none;}
.list li{color:#000;float:left;}
.list li a{color:#999;font-family:Arial;padding:10px 10px;font-weight:bolder;text-shadow:3px 2px 2px #CCC;}
.list li a:hover{background:#EEEEEE;}
.drop-menu{clear:left;left:0px;	position:absolute;	background:#EEEEEE;		width:100%;	z-index:1;}
.sub-menu h2{	clear:left;	padding:0px;	margin:0px;	padding:10px 0px 0px 0px;	font-family:Arial;	font-weight:normal;	font-size:14px;}
.sub-menu ul{margin:0px;padding:0px;}
.sub-menu li{display:block;clear:left;	margin:0px;font-size:14px;padding:10px 0px;}
.sub-menu li a{color:#0060A6;display:block;padding:0px;font-size:13px;}
.sub-menu li a:hover{text-decoration:underline;}
.list li:hover a{background:#EEEEEE;}


#left-nav h1{display:block;clear:left;margin-bottom:1%;font-weight:lighter;}
#left-nav a{display:block;clear:left !important;font-size:1.1em;color:#91d2ff;margin-top:5px;}
#left-nav a:hover{text-decoration:underline;}
.ym-col1{width:18%;display:block;overflow:hidden;}
.ym-col3{width:80.5%;display:block;overflow:hidden;margin:0;}
#title{clear:left;margin-bottom:1em;overflow:hidden;}
#title h1{display:block;float:left;margin-bottom:1%;font-weight:lighter;}
#title a{display:block;float:left;margin-left:10px;margin-top:8px;background:#36F;padding:4px 8px;}
.row-content{clear:left;overflow:hidden;margin-bottom:1%;padding-top:14px;}

#slide-bottom{background:url(images/bg-slidebottom.png) repeat-y ;height:200px;}
/*----------------------End main-content---------------------------*/
#second-content{display:block;clear:left;overflow:hidden;width:90%;padding-top:2%;margin:0 auto;background:#eeeeee;padding-bottom:2%;}
.background{background:#eeeeee;}
#second-nav h1{display:block;clear:left;font-size:16px;font-weight:lighter;margin-bottom:10px;}
#second-nav a{display:block;clear:left;color:#000;margin-top:10px;}
#second-nav a:hover{color:#39F}
.nav-1{display:block;float:left;width:30%;overflow:hidden;margin-right:20px;}
#right{display:block;float:left;width:30%;overflow:hidden;margin-right:0px;}

}
@media screen and (max-width:1024px)
{#main-content{display:block;clear:left;overflow:hidden;width:100%;padding-top:2%;margin:0 auto;}
.ym-col1{clear:left;width:100%;}
#left-nav {width:100%;clear:left;}
#left-nav a{margin-top:5px;margin-right:10px;}
#left-nav ul{display:block;clear:left;}
#left-nav ul li{display:inline-block;}
.ym-col3{width:100%;clear:left;}
.row-unit{height:15em;}  
.shadow{width:23%;}
/*----------------------End main-content---------------------------*/
#second-nav ul{display:block;overflow:hidden;margin-bottom:20px;}
#second-nav ul li{display:inline-block;overflow:hidden;margin-right:10px;}
/*----------------------End second content----------------------------*/
}

@media screen and (max-width:800px)
{
#left-nav h1{display:block;clear:left;margin-bottom:1%;}
#left-nav a{display:block;float:left ;margin-top:5px;margin-right:10px;}
#left-nav ul{display:block;clear:left;}
#left-nav ul li{display:inline-block;}
.ym-col1{width:100%;clear:left;overflow:hidden;}
.ym-col3{width:100% !important;overflow:hidden;margin:0;}

.row-content{clear:left;overflow:hidden;margin-bottom:1%;width:100%;}
.shadow{width:22%;}
.row-unit {height:17em;}

/*----------------------End main-content---------------------------*/


#second-nav ul li{width:29%;}
#main-content{display:block;clear:left;overflow:hidden;width:100%;padding-top:2%;margin:0;}
.nav-1{display:block;float:left;width:40%;overflow:hidden;margin-right:20px;}
#right{display:block;float:left;width:100%;overflow:hidden;margin-right:0px;}


.row-unit2{display:block;float:left;width:100% !important;overflow:hidden;}
.row-unit2 h4{display:block;clear:left;font-size:16px;font-weight:lighter;}
.row-unit2 a{display:block;clear:left;color:#4086c9;margin-top:5px;font-size:14px;}
/*----------------------End second content----------------------------*/
}


@media screen and (max-width:600px)
{

.shadow{width:47% ;}
.row-unit a{width:100%;}
/*----------------------End main-content---------------------------*/
#second-content{display:block;clear:left;overflow:hidden;width:100%;padding-top:2%;margin:0 auto;background:#eeeeee;padding-bottom:2%;}
#second-nav ul li{width:33%;}

/*----------------------End second content----------------------------*/
}
@media screen and (max-width:480px)
{
#top-bar{width:100%;margin-left:0px;}
.show-menu{display:block;float:right;margin-right:20px;}
.show-menu a{dislay:block;margin-left:10px;color:#000;overflow:hidden;float:left;}
.search{display:block;clear:left;overflow:hidden;position:relative;margin-left:auto;margin-right:auto;margin-top:10px;}
.search .input{display:none;float:right;width:100%;}

.search ul{display:block;overflow:hidden;width:130px;clear:left;margin:0px auto;}
.search ul li{display:block;float:left;}
	.search input[type="image"]{float:right;display:block;position:absolute;right:5px;top:43px;}
.search input[type="search"]{display:block;padding:5px 0;width:99%;clear:both;}
	.main-nav{display:none;clear:left;width:100%;margin:0 0;}
	.ym-vlist {margin:0 0 1.5em 0;list-style-type:none;background: transparent;border: 0 none;}

	/* title */.ym-vtitle {font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:100%;width:90%;padding:3px 0px 3px 10%; /* LTR */margin:0;color:#444;background-color:#fff;border-top:2px #ddd solid;
	}

	.ym-vlist ul {list-style-type:none;margin:0;padding:0;width:100%;overflow:hidden;border-top:2px #ddd solidborder-bottom:2px #ddd solid;}
	.ym-vtitle + ul {border-top:4px #888 solid;}
	.ym-vlist ul ul {	border: 0 none;}
	.ym-vlist li {float:left; /* LTR */	width:100%;margin:0;padding:0;background-color:#39F;
	}

	.ym-vlist a,
	.ym-vlist strong,
	.ym-vlist span {display:block;padding:3px 0px 3px 4%;text-decoration:none;border-bottom:1px #ddd solid;color:#FFF;
	}

	.ym-vlist a,
	.ym-vlist a:visited {color:#444;}

	.ym-vlist li span {display:block;font-weight:bold;border-bottom:1px #ddd solid;}

	/* active list element */
	.ym-vlist li.active {color:#fff;background-color:#444;}

	.ym-vlist li.active strong {font-weight:bold;}

	/* Level 1 */
	.ym-vlist li a,
	.ym-vlist li strong,
	.ym-vlist li span { width:100%; padding-left:4%; color:#FFF} /* LTR */

	.ym-vlist li a:focus,
	.ym-vlist li a:hover,
	.ym-vlist li a:active { background-color:#888; color:#fff; outline: 0 none; }

	
	.sub-menu{width:100%;clear:left;	margin:0px;padding:0px;background:#36F}
	.sub-menu ul{margin:0px;padding:0px;}
	.sub-menu h2{display:none;padding:0px;margin:0px;}
	.sub-menu li{clear:left;}
	.sub-menu .ym-wbox{padding:0px;} 
	/*end menu*/
	

/*End Slide-Show*/

#left-nav{width:100%;}
#left-nav {display:block;width:100%;clear:left;}
#left-nav h1{display:block;clear:left;margin-bottom:1%;font-weight:lighter;}
#left-nav a{display:block;clear:left; float:none;font-size:1.1em;color:#91d2ff;margin-top:5px;}
#left-nav a:hover{text-decoration:underline;}#left-nav ul{display:block;clear:left;}
#left-nav ul li{display:block;clear:left;width:100%;}
#left-nav ul{display:block;clear:left;}
.ym-col1{width:100% !important;clear:left;overflow:hidden;}
.ym-col3{width:100%;display:block;overflow:hidden;margin:0;clear:left;}
#title{clear:left;margin-bottom:1em;overflow:hidden;}
#title h1{display:block;float:left;margin-bottom:1%;font-weight:lighter;}
#title a{display:block;float:left;margin-left:10px;margin-top:8px;background:#36F;padding:4px 8px;}
.row-content{clear:left;overflow:hidden;margin-bottom:1%;}
.shadow{width:95%;margin-bottom:10px;}
.row-unit{height:auto;}

/*----------------------End main-content---------------------------*/
#second-content{display:block;clear:left;overflow:hidden;width:100%;padding-top:2%;margin:0 auto;background:#eeeeee;padding-bottom:2%;}
.background{background:#eeeeee;}
#second-nav h1{display:block;clear:left;font-size:16px;font-weight:lighter;margin-bottom:10px;}
#second-nav a{display:block;clear:left;color:#000;margin-top:10px;}
#second-nav a:hover{color:#39F}
#second-nav ul li{float:left;width:50%;margin-right:0px;}
.nav-1{clear:left;width:100%;}
.row-unit2{display:block;float:left;width:100%;overflow:hidden;margin-right:20px;margin-top:10px;}
.row-unit2 h4{display:block;clear:left;font-size:16px;font-weight:lighter;}
.row-unit2 a{display:block;clear:left;color:#4086c9;margin-top:5px;font-size:14px;}
/*----------------------End second content----------------------------*/

}

@media screen and (max-width:320px)
{

	}